import Button from '@/components/Button';
import Link from 'next/link';
// import { generateLicenseKey } from '@/utils/licenseUtils'

export default function Home() {


  // const licenseKey = generateLicenseKey();
  // console.log(licenseKey);

  return (
      <main className="min-h-screen p-8">
        <div className="max-w-4xl mx-auto">
          <h1 className="text-4xl font-bold mb-8">Next.js React 项目示例</h1>

          {/* <section className="mb-8">
          <h2 className="text-2xl font-semibold mb-4">按钮组件示例</h2>
          <div className="space-x-4">
            <Button variant="primary">主要按钮</Button>
            <Button variant="secondary">次要按钮</Button>
            <Button variant="outline">轮廓按钮</Button>
          </div>
        </section>

        <section className="mb-8">
          <h2 className="text-2xl font-semibold mb-4">不同尺寸</h2>
          <div className="space-x-4">
            <Button size="sm">小按钮</Button>
            <Button size="md">中按钮</Button>
            <Button size="lg">大按钮</Button>
          </div>
        </section>

        <section className="mb-8">
          <h2 className="text-2xl font-semibold mb-4">禁用状态</h2>
          <div className="space-x-4">
            <Button disabled>禁用按钮</Button>
            <Button variant="outline" disabled>
              禁用轮廓按钮
            </Button>
          </div>
        </section> */}

          <section className="mb-8">
            <h2 className="text-2xl font-semibold mb-4">页面导航</h2>
            <div className="space-x-4">
              <Link href="/table">
                <Button variant="primary">查看表格页面</Button>
              </Link>
              <Link href="/aggrid">
                <Button variant="primary">查看ag-grid页面-社区版</Button>
              </Link>
              <Link href="/aggrid2">
                <Button variant="primary">查看ag-grid页面-企业版</Button>
              </Link>
              <Link href="/finance">
                <Button variant="primary">Finance Example</Button>
              </Link>
            </div>
          </section>

          <section className="mb-8">
            <h2 className="text-2xl font-semibold mb-4">项目说明</h2>
            <div className="prose">
              <p className="mb-4">
                这是一个使用 Next.js 14 和 React 18.3 创建的项目，包含了以下特性：
              </p>
              <ul className="list-disc pl-6">
                <li>TypeScript 支持</li>
                <li>Tailwind CSS 样式</li>
                <li>组件化开发</li>
                <li>API 工具函数</li>
                <li>类型定义</li>
                <li>Ant Design 组件库</li>
              </ul>
            </div>
          </section>
        </div>
      </main>
  );
}
